<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电影</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_633846_08s2cnche5ovfgvi.css"/>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			/*#bigbox{
				width: 326px;
				height: 333px;
			}*/
			/*body{
				background: lightgray;
			}*/
			.bigbox{
				width:326px;
				height: 102px;
				margin-top:15px ;
				/*background: white;*/
			}
			.img{
				float: left;
			}
			.small{
				width: 228px;
				float: left;
				margin-left: 15px;
			}
			h3{
				font-size: 13px;
				margin-top:3px ;
			}
			p,i{
				font-size: 11px;
				line-height: 19px;
			}
			p{
				margin-top:13px ;
			}
			.span1{
				font-size: 11px;
				margin-top:3px ;
				float: right;
				color: #c90210;
			}
			.span2{
				color: #259c9d;
			}
			.span3{
				color: #c90210;
			}
			.iconfont{
				font-size: 12px;
				color: #c90210;
				margin-right:3px ;
			}
			span{
				font-size: 11px;
			}
			.biao{
				margin-left: 5px;
			}
		</style>
	</head>
	<body>
		<div id="bigbox">
			<!-- 第一个 -->
			<div class="bigbox">
				<div class="img"><img src="img/1.jpg" alt="" /></div>
				<div class="small">
					<span class="span1">468人评论过</span>
					<h3>环太平洋</h3>
					
					<p><span class="span2">#环太平洋##环太平洋#</span>对景建筑物倒塌、核弹攻击城市、外星人入侵..<span class="span3" >[详细]</span></p>
					<span class="biao"><i class="iconfont icon-ren12"></i>欧美电影</span>
				</div>
			</div>
			<!-- 第二个 -->
			<div class="bigbox">
				<div class="img"><img src="img/2.jpg" alt="" /></div>
				<div class="small">
					<span class="span1">783人评论过</span>
					<h3>速度与激情6</h3>
					
					<p>【杰森·斯坦森确定加盟<span class="span2">#速j#</span>】斯坦森饰演第六部大反派欧文·肖..<span class="span3" >[详细]</span></p>
					<span class="biao"><i class="iconfont icon-ren12"></i>热映推荐</span>
				</div>
			</div>
			<!-- 第三个 -->
			<div class="bigbox">
				<div class="img"><img src="img/3.jpg" alt="" /></div>
				<div class="small">
					<span class="span1">97人评论过</span>
					<h3>青春派</h3>
					
					<p>《青春派》预告片"零差评"其逆增长<span class="span3" >[详细]</span></p>
					<span class="biao"><i class="iconfont icon-ren12"></i>电影预告</span>
				</div>
			</div>
			<!--<div>2</div>
			<div>3</div>-->
		</div>
	</body>
</html>
